// import './style.css'
// import { Tabs } from 'antd-mobile'
// import { useTabs } from './useTabs'
import { Helmet } from 'react-helmet-async'
import Bannner from './Banner'
import ProductRem from './ProductRem'
import ProductNew from './ProductNew'
import Form from '@/components/Form'

import { useHome } from './useHome'
// import Solution from './Solution'
// import News from './News'
const HomeTab = () => {
  // 逻辑业务
  const { config } = useHome()

  // UI 渲染
  return (
    <div>
      {/* 使用 Helmet 设置 <head> 中的 <title> */}
      {/* 动态设置 meta 描述 */}

      <Bannner />
      <ProductRem />
      <ProductNew />
      <Form />
      {/* <Solution /> */}
      {/* <News /> */}
      <Helmet>
        <title>{ config.title }</title> 
        <meta name="description" content={ config.description } /> 
        <meta name="keywords" content={ config.keywords } /> 
      </Helmet>
    </div>
  )
}

export default HomeTab
